<script type="text/javascript">
$(function() {
	 tableToGrid("#tablaPostulantes", {
	        caption:'Lista de Postulantes',
	        height: 'auto',
	        shrinkToFit: false,
	        colModel :[
	                    {name: 'apellido', index: 'apellido' ,align: 'left',width:200},
	                    {name: 'nombre', index: 'nombre',align: 'left', width:200},
	                    {name: 'fechaNacimiento', index: 'fechaNacimiento',align: 'center', width:110},
	                    {name: 'detallePerfil',align: 'center', width:110, sortable:false},
	                    {name: 'detalleEntrevistas',align: 'center', width:140, sortable:false}]
	    });
	 
	 $("[name='detallePerfil']").button().click(function() {
		 consultarPostulante(this.value);
	 });
	 
	 $("[name='detalleEntrevistas']").button().click(function() {
		alert(this.value);
	 });
	 
	 $("#nuevoPostulante").button().click(function() {
			crearPostulante(this.value);
	 });
});

function crearPostulante(idSolicitud){
	$.ajax({
	    type: 'POST',
	    data: '',
	    dataType: 'json',
	    url:  '${appCtx}/conexia-rrhh/crearPostulante',
	    complete: function(response){
	    	var CLRB_controlHistorial = $("<div id='crear_postulante_dialog'>").attr("title",'Crear un Postulante').addClass('dialogContainer').dialog({
				autoOpen: true,
				height: 500,
				width: 720,
				modal: true,
				resizable: false,
				buttons: {
					'Cerrar': function() {
						 $(this).remove();
					}
				}, 
				 open: function(event, ui) {
					 $(this).html(response.responseText);
				 },
				 close: function(event, ui) {
					 $(this).remove();
				 } 
			});
	    }
	});
}

function consultarPostulante(idPostulante){
	var jsonData = {idPostulante:idPostulante};
	$.ajax({
	    type: 'POST',
	    data: jsonData,
	    dataType: 'json',
	    url:  '${appCtx}/conexia-rrhh/editarPostulante',
	    complete: function(response){
	    	var CLRB_controlHistorial = $("<div id='editarPostulante'>").attr("title",'Detalle del Postulante').addClass('dialogContainer').dialog({
				autoOpen: true,
				height: 650,
				width: 720,
				modal: true,
				resizable: false,
				buttons: {
					'Cerrar': function() {
						 $(this).remove();
					}
				}, 
				 open: function(event, ui) {
					 $(this).html(response.responseText);
				 },
				 close: function(event, ui) {
					 $(this).remove();
				 } 
			});
	    }
	});
}
</script>